{extend name="admin@public/main"}

{block name="style"}
<link href="__STATIC__/theme/css/login.css" rel="stylesheet">
{/block}

{block name="body"}
<div class="login-container">

    <!-- 动态云层动画 开始 -->
    <div class="clouds-container">
        <div class="clouds clouds-footer"></div>
        <div class="clouds"></div>
        <div class="clouds clouds-fast"></div>
    </div>
    <!-- 动态云层动画 结束 -->

    <!-- 顶部导航条 开始 -->
    <div class="header notselect">
        <span class="title notselect">{:sysconf('app_name')} <sup>{:sysconf('app_version')}</sup></span>
        <ul>
            <li><a href="javascript:void(0)" target="_blank">帮助</a></li>
            <li>
                <a href="http://sw.bos.baidu.com/sw-search-sp/software/9e6bc213b9d0b/ChromeStandalone_63.0.3239.132_Setup.exe">推荐使用谷歌浏览器</a>
            </li>
        </ul>
    </div>
    <!-- 顶部导航条 结束 -->

    <!-- 页面表单主体 开始 -->
    <div class="container">

        <form autocomplete="off" onsubmit="return false;" data-time="0.001" data-auto="true" method="post" class="content layui-form animated fadeInDown">

            <div  style="width:250px;position:relative;left:85px;"><img src="/static/theme/img/login/20191202150314.png" width="250px"></div>

            <div class="people">
                <div class="tou"></div>
                <div id="left-hander" class="initial_left_hand transition"></div>
                <div id="right-hander" class="initial_right_hand transition"></div>
<!--                <img src="/static/theme/img/20191202150314.png" alt="" align="center">-->
            </div>
            <!--<ul>
                <li class="username">
                    <label>
                        <i class="layui-icon"></i>
                        <input class="layui-input" required pattern="^\S{4,}$" name="username" autofocus autocomplete="off" placeholder="登录账号" title="请输入登录账号">
                    </label>
                </li>
                <li class="password">
                    <label>
                        <i class="layui-icon"></i>
                        <input class="layui-input" required pattern="^\S{4,}$" name="password" maxlength="32" type="password" autocomplete="off" placeholder="登录密码" title="请输入登录密码">
                    </label>
                </li>
                <li class="text-center padding-top-20">
                    <input type="hidden" name="skey" value="{$loginskey|default=''}">
                    <button type="submit" class="layui-btn layui-disabled full-width" data-form-loaded="立即登入">正在载入</button>
                </li>
            </ul>-->
            <ul>
                <li class="username">
                    <label>
                        <i class="layui-icon"></i>
                        <input class="layui-input" required pattern="^\S{4,}$" name="username" autofocus autocomplete="off" placeholder="登录账号" title="请输入登录账号">
                    </label>
                </li>
                <li class="password">
                    <label>
                        <i class="layui-icon"></i>
                        <input class="layui-input" required pattern="^\S{4,}$" name="password" maxlength="32" type="password" autocomplete="off" placeholder="登录密码" title="请输入登录密码">
                    </label>
                </li>
                <li class="text-center padding-top-20">
                    <input type="hidden" name="skey" value="{$loginskey|default=''}">
                    <button type="submit" class="layui-btn layui-disabled full-width" data-form-loaded="立即登入">正在载入</button>
                </li>
            </ul>
        </form>
    </div>
    <!-- 页面表单主体 结束 -->

    <!-- 底部版权信息 开始 -->
    <!--{if sysconf('site_copy')}-->
    <div class="footer notselect">
        {:sysconf('site_copy')}
        {if sysconf('miitbeian')} <span>|</span> <a target="_blank" href="http://www.miitbeian.gov.cn">{:sysconf('miitbeian')}</a>{/if}
    </div>
    <!--{/if}-->
    <!-- 底部版本信息 结束 -->

</div>
{/block}

{block name="script"}
<script>
    if (window.location.href.indexOf('#') > -1) {
        window.location.href = window.location.href.split('#')[0];
    }
    $(function () {
        $('[name="password"]').on('focus', function () {
            $('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
            $('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
        }).on('blur', function () {
            $('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
            $('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
        });
    });
</script>
{/block}